<html>
  <head>
	  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>i5ting_ztree_toc:笔记</title>
		<link href="toc/style/github-bf51422f4bb36427d391e4b75a1daa083c2d840e.css" media="all" rel="stylesheet" type="text/css"/>
		<link href="toc/style/github2-d731afd4f624c99a4b19ad69f3083cd6d02b81d5.css" media="all" rel="stylesheet" type="text/css"/>
		<link href="toc/css/zTreeStyle/zTreeStyle.css" media="all" rel="stylesheet" type="text/css"/>
	  <style>
		pre {
		    counter-reset: line-numbering;
		    border: solid 1px #d9d9d9;
		    border-radius: 0;
		    background: #fff;
		    padding: 0;
		    line-height: 23px;
		    margin-bottom: 30px;
		    white-space: pre;
		    overflow-x: auto;
		    word-break: inherit;
		    word-wrap: inherit;
		}

		pre a::before {
		  content: counter(line-numbering);
		  counter-increment: line-numbering;
		  padding-right: 1em; /* space after numbers */
		  width: 25px;
		  text-align: right;
		  opacity: 0.7;
		  display: inline-block;
		  color: #aaa;
		  background: #eee;
		  margin-right: 16px;
		  padding: 2px 10px;
		  font-size: 13px;
		  -webkit-touch-callout: none;
		  -webkit-user-select: none;
		  -khtml-user-select: none;
		  -moz-user-select: none;
		  -ms-user-select: none;
		  user-select: none;
		}

		pre a:first-of-type::before {
		  padding-top: 10px;
		}

		pre a:last-of-type::before {
		  padding-bottom: 10px;
		}

		pre a:only-of-type::before {
		  padding: 10px;
		}

		.highlight { background-color: #ffffcc } /* RIGHT */
		</style>
  </head>
  <body>
	  <div>
				<div style='width:25%;'>
						<ul id="tree" class="ztree" style='width:100%'>

						</ul>
				</div>
        <div id='readme' style='width:70%;margin-left:20%;'>
          	<article class='markdown-body'>
            	<h1 id="-">版本控制工具</h1>
<h2 id="-">什么是版本控制系统？</h2>
<p>版本控制系统（Version Control System）:是一种记录一个或若干文件内容变化，以便将来查阅特定版本修订情况的系统。版本控制系统不仅可以应用于软件源代码的文本文件，而且可以对任何类型的文件进行版本控制。</p>
<p>常见的版本控制系统有：svn、cvs、git</p>
<h2 id="-">为什么要有版本控制系统?</h2>
<ol>
<li>在开发过程中，经常需要对一个文件进行修改甚至删除，但是我们又希望能够保存这个文件的历史记录，如果通过备份，那么管理起来会非常的复杂。</li>
<li>在多人开发时，如果需要多人合作开发一个页面，那么修改以及合并也会非常的棘手。容易出现冲突。</li>
</ol>
<h2 id="-">版本控制系统分类</h2>
<p><a href="https://git-scm.com/book/zh/v1/%E8%B5%B7%E6%AD%A5-%E5%85%B3%E4%BA%8E%E7%89%88%E6%9C%AC%E6%8E%A7%E5%88%B6">https://git-scm.com/book/zh/v1/%E8%B5%B7%E6%AD%A5-%E5%85%B3%E4%BA%8E%E7%89%88%E6%9C%AC%E6%8E%A7%E5%88%B6</a></p>
<p><strong>本地版本控制系统</strong></p>
<p>本地版本控制系统就是在一台机器上，记录版本的不同变化，保证内容不会丢失</p>
<p>缺点：如果多人开发，每个人都在不同的系统和电脑上开发，没办法协同工作。</p>
<p><img src="images/vcs.png" alt=""></p>
<p><strong>集中式版本控制系統</strong> </p>
<p>svn/cvs都是集中式的版本控制系统</p>
<ol>
<li>需要一个中央服务器来管理代码的的版本和备份</li>
<li>所有的用户电脑都是从中央服务器获取代码或者是将本地的代码提交到中央服务器</li>
<li>依赖与网络环境，如果连不上中央服务器，就无法提交和获取代码。</li>
<li>如果中央服务器宕机，所有人都无法工作。</li>
</ol>
<p><img src="images/jzs.png" alt=""></p>
<p><strong>分布式版本控制系统</strong> </p>
<p>git是分布式的版本控制系统。</p>
<ol>
<li>需要一台服务器作为代码仓库</li>
<li>每个用户电脑都是一个服务器（代码仓库），并且和代码仓库是镜像的，用户修改和获取代码都是提交到自己的服务器当中。</li>
<li>不需要网络就可以进行工作。</li>
<li>当连接网络时，用户可以选择将自己的服务器与代码仓库进行同步。</li>
</ol>
<p><img src="images/fbs.png" alt=""></p>
<h1 id="git">git</h1>
<h2 id="git-">git介绍</h2>
<blockquote>
<p>Git是一款免费、开源的<strong>分布式</strong> <strong>版本控制系统</strong> ，用于敏捷高效地处理任何或小或大的项目。</p>
</blockquote>
<p>Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。</p>
<h2 id="git-">git安装</h2>
<p><a href="https://git-scm.com/download/win">下载地址</a></p>
<p><code>1. 不要安装在中文目录</code></p>
<p><code>2. 不要使用桌面管理软件</code></p>
<p>安装很简单，一直下一步即可。在任意的目录下右键，能够出现下图，表示安装成功了。</p>
<p><img src="images/gitinstall.png" alt=""></p>
<p>git是用法方式主要有两种，</p>
<ul>
<li>git gui，即图形化界面的方式</li>
<li>git bash，命令行的方式</li>
</ul>
<p><strong>bash是linux系统的命令，因此学习git前，我们先学习一下bash</strong> </p>
<ol>
<li>在任意文件夹中，都可以使用右键，通过git bash here打开命令行窗口，此时的路径就是当前目录。</li>
<li>窗口上右键，通过options--&gt;Text--&gt;select可以调整字体的大小。</li>
</ol>
<pre><code class="lang-bash"># cd 改变目录  （change directory）
cd images   #进入images文件夹
cd ..      #进入上一层目录
cd ~       #进入用户根目录

# tab  自动补全，当我们输命令或者目录很长时，可以使用tab键进行自动补全。
# 按两次tab，会把所有符合要求的内容都列出来。

# pwd 打印当前目录的路径 （print work directory）
pwd


# ls 展示当前目录列表（list）
ls         # 展示当前目录
ls -a      # 展示全部内容，包括隐藏文件
ls -l      # 以列表的形式展示内容
ls -al     # 以列表的形式展示所有的内容，包括隐藏文件。
ls --help  # 查看ls所有的参数。
ls -l images   # 展示images目录下的文件，如果没有写目录，默认展示当前目录。


# clear reset清屏
clear  # 清除屏幕内容，滚动条，保留了历史
reset  # 重置，历史记录没了。


# mkdir  创建一个文件夹 （make directory）
mkdir css          # 创建一个css的文件夹
mkdir css img js   # 创建了三个文件夹

# rmdir  删除一个空的文件夹（没啥用）
rmdir img   # 删除文件夹

# touch  创建文件
touch index.html   #创建了一个index.html文件
touch css/index.css # 在css目录下创建idnex.css文件

# rm 删除一个文件获取文件夹
rm index.html # 删除index.html文件
rm js         # 删除空的js文件夹
rm -r css     # 递归删除一个文件夹

# mv 移动文件（move）
mv index.html js            # 将html文件移动到js文件夹中
mv index.html index2.html   # 将index.html重命名为index2.html

# cp 复制文件（cp）
cp index.html index2.html   # 复制index.html文件，命名为index2.html
cp -r css css02             # 如果复制的是文件夹，需要使用-r参数。

# cat 查看文件全部内容
cat index.html
# less 查看文件部分内容
less index.html
# q退出查看
</code></pre>
<h2 id="-">基本方法</h2>
<ol>
<li>初始化git仓库<code>git init</code></li>
<li>查看当前git仓库的状态<code>git status</code></li>
<li>将文件添加到git的暂存区<code>git add 文件名</code></li>
<li>将文件由暂存区提交到仓库区<code>git commit -m &#39;提交说明&#39;</code></li>
<li>查看提交日子<code>git log</code></li>
</ol>
<pre><code class="lang-bash"># 初始化git仓库，会在当前目录生成一个隐藏文件夹 .git  不要去修改这个文件夹下的任意东西。
git init

# 查看git的状态 ,如果此时新建一个文件，那么这个文件是没有被追踪的，说白了git还没有管理这个新建的文件
git status 

# 让git管理这个新建的文件
git add index.html

# 让文件由暂存区提交到仓库区。此时文件才真正的被git管理了。
# 
# 如果提交日志乱码，右键--&gt;options--&gt;Text--&gt;将编码改成utf-8

git commit -m &#39;第一次提交&#39;

# 查看提交日志
git log
</code></pre>
<h2 id="-">配置邮箱和用户名</h2>
<p>如果第一次使用git，会要求设置用户名和邮箱</p>
<pre><code class="lang-bash"># git config  user.name 你的目标用户名
# git config  user.email 你的目标邮箱名
# 这种配置方式只有在当前仓库生效
git config user.name hcc
git config user.email flycc@163.com

# 可以使用--global参数，配置全局的用户名和邮箱，这样别的git仓库就不需要重新配置了。
# 如果同时配置了局部的和全局的，那么局部的用户名和邮箱将会生效。
git config  --global user.name hucc
git config  --global user.email 111111@qq.com

# 查看配置信息
git config --list
</code></pre>
<h2 id="git-">git的工作原理</h2>
<p><img src="images/gityl.png" alt=""></p>
<h2 id="git-">git命令详解</h2>
<h3 id="git-add-">git add(重点)</h3>
<ul>
<li>作用：将文件由 工作区 添加到 暂存区，暂存文件</li>
<li>命令：<code>git add 文件名</code><ul>
<li>例如： <code>git add index.html</code></li>
</ul>
</li>
<li><code>git add --all</code> 或者 <code>git add -A</code> 获取<code>git add .</code>（简写） 添加所有文件</li>
<li><code>git add a.txt b.txt</code> 同时添加两个文件</li>
<li><code>git add *.js</code> 添加当前目录下的所有js文件</li>
</ul>
<h3 id="git-checkout-">git checkout 文件名</h3>
<ul>
<li>作用：暂存区的内容恢复到工作区。</li>
<li><code>git checkout 1.txt</code> 将暂存区中1.txt文件恢复到工作区</li>
</ul>
<h3 id="git-commit-">git commit（重点）</h3>
<ul>
<li>作用：将文件由 暂存区 添加到  仓库区</li>
<li><code>git commit -m &quot;提交说明&quot;</code></li>
</ul>
<h3 id="git-status">git status</h3>
<ul>
<li>作用：查看文件的状态</li>
</ul>
<ul>
<li>命令：<code>git status</code></li>
<li>命令：<code>git stauts -s</code> 简化日志输出格式</li>
</ul>
<h3 id="git-log">git log</h3>
<ul>
<li>作用：查看提交日志</li>
<li><code>git log</code> 只能查看当前head以及以前的日志</li>
<li><code>git log --oneline</code> 简洁的日志信息</li>
<li><code>git reflog</code> 查看所有的提交变更日志</li>
</ul>
<h3 id="git-reset">git reset</h3>
<ul>
<li>作用：版本回退，将代码恢复到已经提交的某一个版本中。</li>
<li><code>git reset --hard 版本号</code> 将代码回退到某个指定的版本(版本号只要有前几位即可)</li>
<li><code>git reset --hard head~1</code>将版本回退到上一次提交<ul>
<li>~1:上一次提交</li>
<li>~2:上上次提交</li>
<li>~0:当前提交</li>
</ul>
</li>
</ul>
<h2 id="git-">git忽视文件</h2>
<blockquote>
<p>在仓库中，有些文件是不想被git管理的，比如数据的配置密码、写代码的一些思路等。git可以通过配置从而达到忽视掉一些文件，这样这些文件就可以不用提交了。</p>
</blockquote>
<ul>
<li>在仓库的根目录创建一个<code>.gitignore</code>的文件，文件名是固定的。</li>
<li>将不需要被git管理的文件路径添加到<code>.gitignore</code>中</li>
</ul>
<pre><code class="lang-bash"># 忽视idea.txt文件
idea.txt

# 忽视.gitignore文件
.gitignore

# 忽视css下的index.js文件
css/index.js

# 忽视css下的所有的js文件
css/*.js

# 忽视css下的所有文件
css/*.*
# 忽视css文件夹
css
</code></pre>
<h1 id="git-">git分支操作</h1>
<p>分支就是科幻电影里面的平行宇宙，当你正在电脑前努力学习Git的时候，另一个你正在另一个平行宇宙里努力学习SVN。</p>
<p>如果两个平行宇宙互不干扰，那对现在的你也没啥影响。不过，在某个时间点，两个平行宇宙合并了，结果，你既学会了Git又学会了SVN！</p>
<p><img src="images/fenzhi.png" alt=""></p>
<h2 id="-"><strong>为什么要有分支？</strong></h2>
<ul>
<li>如果你要开发一个新的功能，需要2周时间，第一周你只能写50%代码，如果此时立即提交，代码没写完，不完整的代码会影响到别人无法工作。如果等代码写完再提交，代码很容易丢失，风险很大。</li>
<li>有了分支，你就可以创建一个属于自己的分支，别人看不到，也不影响别人，你在自己的分支上工作，提交到自己的分支上，等到功能开发完毕，一次性的合并到原来的分支。这样既安全，又不影响他人工作。</li>
<li>在工作过程中，经常会碰到<strong>多任务并行开发</strong> 的情况，使用分支就能很好的避免任务之间的影响。</li>
<li>其他版本工具比如svn，cvs中也有分支这个概念，但是这些工具中的分支操作非常的慢，形同摆设。</li>
</ul>
<h2 id="-">分支操作的命令</h2>
<h3 id="-">创建分支</h3>
<ul>
<li><code>git branch 分支名称</code>创建分支，分支中的代码，在创建时与当前分支的内容完全相同。</li>
<li>git在第一次提交时，就有了一个叫<code>master</code>的主分支。</li>
</ul>
<h3 id="-">查看分支</h3>
<ul>
<li><code>git branch</code>可以查看所有的分支，</li>
<li>在当前分支的前面会有一个<code>*</code></li>
</ul>
<h3 id="-">切换分支</h3>
<ul>
<li><code>git checkout 分支名称</code>切换分支</li>
<li>在当前分支的任何操作，都不会影响到其他的分支，除非进行了分支合并。</li>
<li>切换分支之前，<strong>必须保证代码已经提交了</strong> </li>
</ul>
<h3 id="-">创建并切换分支</h3>
<ul>
<li><code>git checkout -b 分支名称</code> 创建并切换分支</li>
</ul>
<h3 id="-">删除分支</h3>
<ul>
<li><code>git branch -d 分支名称</code> 可以删除分支</li>
<li>注意：不能在当前分支删除当前分支，需要切换到其他分支才能删除。</li>
<li>注意：<code>master</code>分支是可以删除的，但是不推荐那么做。</li>
</ul>
<h3 id="-">合并分支</h3>
<ul>
<li><code>git merge 分支名称</code> 将其他分支的内容合并到当前分支。</li>
<li>在<code>master</code>分支中执行<code>git merge dev</code> 将<code>dev</code>分支中的代码合并到<code>master</code>分支</li>
</ul>
<h2 id="git-">git分支的工作原理</h2>
<p><img src="images/git-branch.png" alt=""></p>
<h2 id="git-">git合并冲突</h2>
<ul>
<li>对于同一个文件，如果有多个分支需要合并时，容易出现冲突。</li>
<li>合并分支时，如果出现冲突，只能手动处理，再次提交，一般的作法，把自己的代码放到冲突代码的后面即可。</li>
</ul>
<h1 id="-">远程仓库</h1>
<p>所有的程序员都可以通过远程仓库来进行版本的共享，达到所有人的代码一致的效果。</p>
<h2 id="-">远程仓库相关的命令</h2>
<h3 id="git-push">git push</h3>
<ul>
<li>作用：将本地代码提交到远程仓库</li>
<li><code>git push 仓库地址 master</code> 在代码提交到远程仓库，注意master分支必须写，不能省略</li>
<li>例子：<code>git push git@github.com:hucongcong/test.git master</code> 如果第一次使用，需要填写github的用户名和密码</li>
</ul>
<h3 id="git-pull">git pull</h3>
<ul>
<li>作用：将远程的代码下载到本地</li>
<li><code>git pull 代码地址</code> 将远程的代码中master分支下载到本地</li>
<li>通常在push前，需要先pull一次。</li>
</ul>
<h3 id="git-clone">git clone</h3>
<ul>
<li>作用：克隆远程仓库的代码到本地</li>
<li><code>git clone 仓库地址 自定义本地仓库名</code> 将整个仓库克隆到本地</li>
</ul>
<h3 id="git-remote">git remote</h3>
<p>每次push和pull操作都需要带上远程仓库的地址，非常的麻烦，我们可以给仓库地址设置一个别名</p>
<ul>
<li><code>git remote add 仓库别名 仓库地址</code> 使用仓库别名替代仓库地址。仓库别名相当于一个js变量，仓库地址就是对应的值。<ul>
<li><code>git remote add hucc git@github.com:hucongcong/test.git</code> 设置了一个hucc的仓库别名，以后push和pull都可以不用仓库地址，而用hucc</li>
</ul>
</li>
<li><code>git remote remove hucc</code> 删除hucc这个仓库别名。</li>
<li><code>git remote</code> 查看所有的仓库别名</li>
<li>如果使用了<code>git clone</code>命令从远程仓库获取下来的，那么这个本地仓库会自动添加一个 origin的远程地址，指向的就是克隆的远程地址。</li>
</ul>
<h2 id="github">github</h2>
<p>git与github没有直接的关系。</p>
<ul>
<li>git是一个版本控制工具。</li>
<li>github是一个代码托管平台，是git的一个远程代码仓库。</li>
<li>将来工作时，公司会有自己的代码仓库。</li>
</ul>
<p><a href="https://github.com/">github官网</a></p>
<p><a href="https://git.oschina.net/">开源中国-git</a></p>
<pre><code class="lang-bash">1. gitHub是一个面向开源及私有软件项目的托管平台，因为只支持git 作为唯一的版本库格式进行托管，故名gitHub。
2. github免费，代码所有人都能看到，但是只有你自己能修改。付费的可以隐藏。
</code></pre>
<p>在github上创建一个项目，获取到仓库的地址。然后就可以将本地的代码推送到远程的服务器上。</p>
<h2 id="ssh-">SSH免密码登陆</h2>
<p>（对称加密与非对称加密）</p>
<p>每次push代码，都需要输入用户名跟密码，非常的麻烦。因此我们可以配置一个SSH免密码登陆。</p>
<ul>
<li>github为了账户的安全，需要对每一次push请求都要验证用户的身份，只有合法的用户才可以push</li>
<li>使用ssh可以实现免密码操作（不需要使用密码）</li>
</ul>
<h3 id="ssh-">SSH免密码登录配置</h3>
<ul>
<li>1 创建SSH Key：<code>ssh-keygen -t rsa</code></li>
<li>2 在文件路径 <code>C:\用户\当前用户名\</code> 找到 <code>.ssh</code> 文件夹</li>
<li>3 文件夹中有两个文件：<ul>
<li>私钥：<code>id_rsa</code></li>
<li>公钥：<code>id_rsa.pub</code></li>
</ul>
</li>
<li>4 在 <code>github -&gt; settings -&gt; SSH and GPG keys</code>页面中，新创建SSH key</li>
<li>5 粘贴 公钥 <code>id_rsa.pub</code> 内容到对应文本框中</li>
<li>5 在github中新建仓库或者使用现在仓库，拿到<code>git@github.com:用户名/仓库名.git</code></li>
<li>6 此后，再次SSH方式与github“通信”，不用输入密码确认身份了</li>
</ul>
<h2 id="-github-pages-">使用github pages搭建博客</h2>
<p><a href="https://pages.github.com/">GitHub Pages </a>本用于介绍托管在 GitHub 的项目， 不过，由于他的空间免费稳定，用来做搭建一个博客再好不过了。</p>
<p>缺点：只能放静态页面，也就说github pages只能解析html、css、js，无法解析后端语言。</p>
<p>[用户名.github.io]  将来访问路径</p>
<p>博客搭建步骤：</p>
<ol>
<li>在本地工作目录使用git初始化 <code>git init</code></li>
<li>创建自己的博客项目</li>
<li>将创建好的博客添加到暂存区 <code>git add [文件路径]</code></li>
<li>本地提交： <code>git commit -m &quot;第一个博客&quot;</code></li>
<li>在github上创建一个项目，项目名<code>用户名.github.io</code> 固定的</li>
<li>提交到github：<code>git push github仓库地址 master</code></li>
<li>查看github中对应的仓库中，是不是提交到了</li>
<li>访问：用户名.github.io</li>
</ol>
<h2 id="hexo-">hexo创建博客（了解）</h2>
<p><code>npm，node这些命令是在windows环境下运行的，需要在cmd中敲</code></p>
<h3 id="-">安装步骤</h3>
<pre><code class="lang-javascript">npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
</code></pre>
<ul>
<li>安装hexo</li>
</ul>
<pre><code class="lang-javascript">npm install -g hexo

hexo -v  # 查看hexo的版本信息
</code></pre>
<ul>
<li>初始化博客</li>
</ul>
<pre><code class="lang-javascript"># 新建一个目录  blog
hexo init  # 初始化
</code></pre>
<ul>
<li>生成静态页面</li>
</ul>
<pre><code class="lang-javascript">hexo generate   # 生成静态页面    
hexo g          # 生成静态页面（简写）
</code></pre>
<ul>
<li>启动服务</li>
</ul>
<pre><code class="lang-javascript">hexo server   # 启动服务
hexo s        # 简写
</code></pre>
<ul>
<li>访问站点</li>
</ul>
<pre><code class="lang-javascript">http://localhost:4000/  # 通过这个地址就可以访问了
</code></pre>
<h3 id="hexo-">hexo常见命令</h3>
<p><a href="https://hexo.io/zh-cn/docs/">hexo中文文档</a></p>
<h3 id="-">博客格式</h3>
<pre><code class="lang-javascript">---
title: 我的第一篇博客//(注意冒号后面有一个空格不能丢。)
date: 2017-10-28 01:12:29 //指定博客的日期
tags: 
  - 学习
  - 随笔
  - 心情
categories: 
  - javascript
---
# 我是大标题
这后面的内容就跟普通的markdown文件没什么区别
</code></pre>
<h3 id="-">发布配置</h3>
<p>安装hexo的部署工具<code>npm install hexo-deployer-git --save</code></p>
<p>修改<code>_config.yml</code>文件</p>
<pre><code class="lang-javascript"># Site
title: 网站标题
subtitle: 子标题
description: 无
author: HUCC
language: zh-CN
timezone:

# 发布配置
deploy:
  type: git
  repo: github仓库地址
  branch: master
</code></pre>
<p>使用<code>hexo d</code>发布博客</p>

          	</article>
        </div>
		</div>
  </body>
</html>
<script type="text/javascript" src="toc/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="toc/js/jquery.ztree.all-3.5.min.js"></script>
<script type="text/javascript" src="toc/js/ztree_toc.js"></script>
<script type="text/javascript" src="toc_conf.js"></script>

<SCRIPT type="text/javascript" >
<!--
$(document).ready(function(){
    var css_conf = eval(markdown_panel_style);
    $('#readme').css(css_conf)
    
    var conf = eval(jquery_ztree_toc_opts);
		$('#tree').ztree_toc(conf);
});
//-->
</SCRIPT>